<!--
 * @Author: yuhu
 * @Date: 2021-08-11 09:53:14
 * @LastEditTime: 2021-08-11 17:31:35
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /ant-design-vue-jeecg/src/components/data-tables/data-tables.vue
-->
<template>
    <div>
        <a-card :bordered="false" class="card" style="margin-bottom:15px" v-if="showSearch">
            <!-- 查询区域 -->
            <div class="table-page-search-wrapper">
                <slot name="search"></slot>
            </div>
        </a-card>

        <a-card :bordered="false" class="card">
            <!-- 操作按钮区域 -->
            <div class="table-operator">
                <a-row>
                    <a-col :span="12" class="selected">
                        <slot name="selected"></slot>
                    </a-col>
                    <a-col :span="12" class="bnts">
                        <slot name="bnts"></slot>
                    </a-col>
                </a-row>
            </div>
            <!-- table区域-begin -->
            <div style="padding-bottom:30px">
                <slot></slot>
            </div>
            <!-- table区域-end -->
        </a-card>
    </div>
</template>

<script>
export default {
    props: {
        showSearch: {//是否显示搜索
            type: Boolean,
            default: true
        },
    },
    data() {
        return {
        }
    },
    methods: {

    },
    computed: {
    },
    mounted() {
        //this.loadData();
    }
}
</script>

<style lang="less">
.card {
    margin-bottom: 15px;
    box-shadow: 2px 2px 5px 2px #e3e3e3;
    border-radius: 3px;
    line-height: 15px;
    .ant-card-body {
        padding: 15px 24px;
        padding-bottom: 0;
    }
}
.table-operator {
    height: 30px;
    margin-bottom: 10px;

    .selected {
        padding-top: 10px;
        text-align: left;
    }
    .bnts {
        text-align: right;
        font-size: 12px;
    }
}
.alert-info {
    font-size: 12px;
    padding: 5px 20px;
    margin-bottom: 10px;
}
.table-page-search-wrapper .ant-form-inline .ant-form-item {
    margin-bottom: 15px;
}
</style>


